<template>
  <div class="layout-wrapper" :class="classPrefix && `${classPrefix}-wrapper`">
    <div class="content" :class="classPrefix && `${classPrefix}-content`   ">
      <slot/>
    </div>
      <Nav/>
  </div>
</template>

<script lang='ts'>
export default {
    props:['classPrefix'],
    name:'Layout'
};
</script>

</script>
<style lang="scss" scoped>
.layout-wrapper{
 
  display:flex;
  flex-direction: column;
  height: 100vh;
}
.content{
  border: 1px solid blue;
  overflow: auto;
  flex-grow:1;
}

</style>